<template>
  <div class='footer'>
    <el-row :gutter="0" >
      <el-col :span="4"><div class="grid-content ep-bg-purple" /></el-col>
      <el-col :span="5">
        <div class="grid-content ep-bg-purple" >
          <img src="../../assets/pic/navheader_lablogo.png" class="pic" >
          <div class="font2">地址</div>
          <div class="font2">联系电话</div>
          <div class="font2">联系邮箱</div>
        </div>
      </el-col>
      <el-col :span="5"><div class="grid-content ep-bg-purple" >
        <div class="font1">校内链接</div>
        <div class="font2">学校官网</div>
        <div class="font2">研究生院网站</div>
        <div class="font2">信息学院网站</div>
      </div></el-col>
      <el-col :span="5"><div class="grid-content ep-bg-purple" >
        <div class="font1">校内链接</div>
        <div class="font2">学校官网</div>
        <div class="font2">研究生院网站</div>
        <div class="font2">信息学院网站</div>
      </div>
      </el-col>
      <el-col :span="5"><div class="grid-content ep-bg-purple" >
        <div class="font1">校内链接</div>
        <div class="font2">学校官网</div>
        <div class="font2">研究生院网站</div>
        <div class="font2">信息学院网站</div>
      </div>
      </el-col>
    </el-row>
    <el-row class="copyright">
      <el-col :span="4"><div class="" /></el-col>
      <el-col :span="17">
        <div class="">
         <div class="line"></div>
         <div class="font2">版权所有 --------</div>
        </div>
      </el-col>
      <el-col :span="3"><div class="" /></el-col>
    </el-row>
  </div>
</template>

<style scoped>
.footer{
  height: fit-content;
  width: 100%;
  background-color: #f9f9f9;
  
}
.copyright{
  
}
.line{
        background-color: #d2e0ea;
        width: 100%;
        height: 1px;
    }
.font2{
  font-weight: lighter;
  font-size: 10px;
  color: #919fae;
  margin-bottom: 2px;
}
.font1{
  color: black;
  font-weight: 550;
  font-size: 15px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.pic{
  margin-top: 5px;
  height: 34px; 
  width: 121px; 
/*   top: 50%; transform: translateY(-30%)
 */}


.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
</style>
